<template>
    <div class="allbuju">
        <Top/>
      <!-- 放个跑马灯也不错 -->
    <el-tabs type="border-card" :stretch=true>
      <Vue3Marquee class="Vue3Marquee">{{message}}</Vue3Marquee>
      <el-tab-pane label="论坛"><talk/></el-tab-pane>
      <el-tab-pane label="失物招领"><lost/></el-tab-pane>
    </el-tabs>
    </div>
</template>


<script>
import Top from '@/components/Top.vue'
import talk from './help/talk.vue'
import lost from './help/lost.vue'
import { Vue3Marquee } from 'vue3-marquee'
import 'vue3-marquee/dist/style.css'
export default {
  name: 'linglihuzhu',
  components: {
    Top,talk,Vue3Marquee,lost
  },
  data () {
    return {
      message:"疫情防控期间，请各位小区成员注意带好口罩。疫情当前，每个人都是自己的第一的责任人"
    }
  }
}
</script>
<style lang="less" scoped>
    .Vue3Marquee{
      margin-bottom: 15px;
      color: red;
      background-color: yellow;
      font: 18px bolder bolder;
    }
</style>